<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>MV视频</title>
    <link rel="stylesheet" th:href="@{/static/ypb/Y-css/Y-item/video.css}" href="../../Y-css/Y-item/video.css">
</head>

<body>
<!-- 头部 -->
<div class="header">
    <div class="kMusic">
        <img th:src="@{/static/L-img/L-image/future1.jpg}"/>
    </div>
    <ul class="manya">
        <li><a th:href="@{/}">发现音乐</a></li>
        <li><a  class="vipBtn">VIP会员</a></li>
        <li><a class="myMusic">我的音乐</a></li>
    </ul>
    <!-- 搜索和登录注册 -->
    <div class="right">
        <div class="headCenter">
            <div class="headCenterSearch">
                <form th:action="@{/music/queryByNameMusic}" method="get" class="seekForm" id="seekGoodsForm">
                    <input id="goSearch" autocomplete="off" type="text" name="queryMusicName" placeholder="搜索歌手/歌单/MV/歌词" />
                    <input type="submit" id="actSearch" value="搜索"/>
                </form>
            </div>
        </div>
        <div class="persons" >
            <span>欢迎</span>
            <block th:if="${session.USer}!=null">
                <span class="userName" th:text="${session.USer.userName}">用户名</span>
            </block>
            <block th:if="${session.User}!=null">
                <span class="userName" th:text="${session.User.userName}">用户名</span>
            </block>
            <block th:if="${session.user}!=null">
                <span class="userName" th:text="${session.user.userName}">用户名</span>
            </block>
            <span class="out">退出登录</span>
        </div>
    </div>
</div>
<!--    退出登录的代码-->
<div class="hideLogOut">
    <div class="hideLogOutContent">
        <h2 class="chooseLogOut">是否退出登录</h2>
        <div class="logOutBtn">
            <button class="logOutNoBtn">取 消</button>
            <button class="logOutYesBtn">确 认</button>
        </div>
    </div>
</div>

<!--视频区-->
<div class="content">
  <div class="videoContent">
    <video class="video" controls>
      <source src="../../Y-picture/给电影人的情书.mp4" type="video/mp4">
    </video>
  </div>
</div>

<!--  视频简介-->
<div class="content_2">
  <div class="videoContent2">
      <h1 class="titleMv">给电影人的情书</h1>
  </div>
</div>



</body>

<script th:src="@{/static/ypb/Y-js/Y-item/comment.js}" rel="script"></script>
</html>